D3.js 您所在的位置:网站首页 D3js D3.js

D3.js

2023-05-15 21:31| 来源: 网络整理| 查看: 265

// Set Dimensions const xSize = 500; const ySize = 500; const margin = 40; const xMax = xSize - margin*2; const yMax = ySize - margin*2;

// Create Random Points const numPoints = 100; const data = []; for (let i = 0; i < numPoints; i++) {   data.push([Math.random() * xMax, Math.random() * yMax]); }

// Append SVG Object to the Page const svg = d3.select("#myPlot")   .append("svg")   .append("g")   .attr("transform","translate(" + margin + "," + margin + ")");

// X Axis const x = d3.scaleLinear()   .domain([0, 500])   .range([0, xMax]);

svg.append("g")   .attr("transform", "translate(0," + yMax + ")")   .call(d3.axisBottom(x));

// Y Axis const y = d3.scaleLinear()   .domain([0, 500])   .range([ yMax, 0]);

svg.append("g")   .call(d3.axisLeft(y));

// Dots svg.append('g')   .selectAll("dot")   .data(data).enter()   .append("circle")   .attr("cx", function (d) { return d[0] } )   .attr("cy", function (d) { return d[1] } )   .attr("r", 3)   .style("fill", "Red");



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有